
<!DOCTYPE html>
<html class="ui-page-letter">
	
	<head>

		<meta charset="utf-8">
		<meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<title>信客-信件</title>
		<link href="css/mui.min.css"rel="stylesheet"/>
		<script src="js/mui.min.js"></script>
        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript"charset="utf-8">
			mui.init();
		</script>
        <script type="text/javascript" src="js/url_str.js"></script>
        <script type="text/javascript" src="js/letter.js"></script>
		<style>
			.msbox {
				color:#60084e;
				padding: 30px 30px 20px 30px;
				font-size:30px;
			}
			.mui-table-view-cell {
				margin:10px;
			}
		</style>

	</head>

	<body onload="displayLetters()">
		<!-- 标题 -->
		<p class="msbox">收件箱</p>

		<!-- 已收信件列表 -->
		<ul class="mui-table-view" id="letterList">
			<!--<li id="" class="mui-table-view-cell" onclick="" >-->
				<!--<a href="letter-receive.html">-->
					<!--<img class="mui-media-object mui-pull-left"src="img/envelope-male.png"/>-->
					<!--<div class="mui-media-body">-->
						<!--<span>信客·〇〇 一</span>-->
						<!--<p>信件内容预览，约十五字附省略号...</p>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<a href="letter-receive.html">-->
					<!--<img class="mui-media-object mui-pull-left"src="img/envelope-female.png"/>-->
					<!--<div class="mui-media-body">-->
						<!--<span>信客·〇〇 二</span>-->
						<!--<p>左侧信封颜色依双方性别不同而变...</p>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
			<!--<a href="letter-receive.html">-->
				<!--<img class="mui-media-object mui-pull-left"src="img/envelope-male.png">-->
				<!--<div class="mui-media-body">-->
					<!--<span>信客·〇〇 三</span>-->
					<!--<p>信件内容预览，约十五字附省略号...</p>-->
				<!--</div>-->
			<!--</a>-->
		<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<a href="letter-receive.html">-->
					<!--<img class="mui-media-object mui-pull-left"src="img/envelope-female.png">-->
					<!--<div class="mui-media-body">-->
						<!--<span>信客·〇〇 四</span>-->
						<!--<p class='mui-ellipsis'>左侧信封颜色依双方性别不同而变...</p>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<a href="letter-receive.html">-->
					<!--<img class="mui-media-object mui-pull-left" src="img/envelope-male.png">-->
					<!--<div class="mui-media-body">-->
						<!--<span>信客·〇〇 五</span>-->
						<!--<p>信件内容预览，约十五字附省略号...</p>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<a href="letter-receive.html">-->
					<!--<img class="mui-media-object mui-pull-left"src="img/envelope-female.png">-->
					<!--<div class="mui-media-body">-->
						<!--<span>信客·〇〇 六</span>-->
						<!--<p>左侧信封颜色依双方性别不同而变...</p>-->
					<!--</div>-->
				<!--</a>-->
			<!--</li>-->
		</ul>

		<!-- 底部tabs -->
		<nav class="mui-bar mui-bar-tab">
            <a class="mui-tab-item"href="index.html"target="_self">
                <img src="img/index-dark.png"width="20"height="20"/>
            </a>
            <a class="mui-tab-item">
                <img src="img/letter-light.png"width="25"height="20"/>
            </a>
            <a class="mui-tab-item"href="person.html"target="_self">
                <img src="img/person-dark.png"width="20"height="20"/>
            </a>
        </nav>

        <!-- 解除mui-tab超链限制 -->
        <script type="text/javascript">
            mui('body').on('tap','a',function(){document.location.href=this.href;});
        </script>
		
	</body>

</html>